<template>
  <div class="home">
    <Nav></Nav>
    <div>
      <b-carousel
        id="carousel-fade"
        style="text-shadow: 0px 0px 2px #000"
        fade
        indicators
        img-width="1024"
        img-height="480"
        interval="2000"
      >
        <b-carousel-slide img-src="@/assets/carousel1.jpg"></b-carousel-slide>
        <b-carousel-slide img-src="@/assets/carousel3.jpg"></b-carousel-slide>
        <b-carousel-slide img-src="@/assets/carousel2.jpg"></b-carousel-slide>
        <b-carousel-slide img-src="@/assets/carousel4.jpg"></b-carousel-slide>
      </b-carousel>
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
import Nav from "@/components/nav.vue";

export default {
  name: "Home",
  components: {
    Nav,
  },
};
</script>
